<div class="text-left">
    <div>
        <!-- 单行块 -->
        <div class="bg-white m-xs" ng-class="{0:'text-left',1:'text-center',2:'text-right'}[item.font.locationType]">
            <span>{{item.font.content}}</span>
        </div>

    </div>

    <!-- tool box -->
    <div class="tool-box text-left" ng-click="$event.stopPropagation();">
        <li class="list-group-item no-border bg-none">
            <div class="wrapper-md pos-rlt bg-light r r-3x b-a">
                <span class="arrow left pull-up arrow-light"></span>
                <div class="w-xxl">
                    <div class="block m-b-xs font-bold b-l b-danger b-2x"><p class="m-l-sm block">广告</p></div>
                    <div class="form-horizontal form-validation panel-body">
                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-t-xs m-r-xs">文本内容:</label>
                            <div class="pull-left h6">
                                <input type="text" class="form-control w-sm b-b m-b-xs"  ng-model="item.font.content" placeholder="请输入文本内容"  />
                            </div>
                        </div>

                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-r-xs">字体大小:</label>
                            <div class="pull-left h6">
                                <div class="inline m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" name="sizeType" ng-model="item.font.sizeType" value="0">
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">小</p>
                                    <i class="inline m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="小" popover-trigger="mouseenter"></i>
                                </div>
                                <div class="inline m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" name="sizeType" ng-model="item.font.sizeType" value="1">
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">中</p>
                                    <i class="inline m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="中" popover-trigger="mouseenter"></i>
                                </div>
                                <div class="inline m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" name="sizeType" ng-model="item.font.sizeType" value="2">
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">大</p>
                                    <i class="inline m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="大" popover-trigger="mouseenter"></i>
                                </div>
                            </div>
                        </div>
                        <div class="form-group text-left">
                            <label class="pull-left w-xxs h6 text-right control-label m-r-xs">显示位置:</label>
                            <div class="pull-left h6">
                                <div class="inline m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" name="locationType" ng-model="item.font.locationType" value="0">
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">居左</p>
                                    <i class="inline m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="居左" popover-trigger="mouseenter"></i>
                                </div>
                                <div class="inline m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" name="locationType" ng-model="item.font.locationType" value="1">
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">居中</p>
                                    <i class="inline m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="居中" popover-trigger="mouseenter"></i>
                                </div>
                                <div class="inline m-r-xs">
                                    <div class="radio inline m-r-n">
                                        <label class="i-checks i-checks-sm">
                                            <input type="radio" name="locationType" ng-model="item.font.locationType" value="2">
                                            <i></i>
                                        </label>
                                    </div>
                                    <p class="font-bold inline m-n">居右</p>
                                    <i class="inline m-l-xs fa fa-question-circle text-muted pos-rlt h6" popover-placement="top" popover="居右" popover-trigger="mouseenter"></i>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </li>
    </div>



</div>